<template>
    <div class="w100p h100p">
        <div v-infinite-scroll="loadMore" infinite-scroll-disabled="complete" infinite-scroll-distance="20">
            <slot></slot>
        </div>

        <div class="fs-14 c-909399 text-c border-t-DDDFE6" style="height:20px;line-height: 20px;">{{complete ? '我们是有底线的~' : '加载更多...'}}</div>

    </div>
</template>

<script>
export default {
    name: "scroll_load_more",
    props:{
        complete:{
            // 是否加载中,只有等于false的时候才会触发加载的方法,这个值最好初始最好false,将loading设置为true之后,就不会再触发loadMore的方法
            type:Boolean,
            default:false,
        }
    },
    methods:{
        loadMore(){
            // 当触发到加载更多时,会触发该函数,监听该函数进行接口请求就好
            this.$emit('loadMore')
        },
    }

}
</script>

<style scoped>

</style>